<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>cloudfeeling</title>
    <meta name="keywords" content="cloudfeeling">
    <meta name="description" content="cloudfeeling">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    
    <style>
		#loader {
			transition: all .3s ease-in-out;
			opacity: 1;
			visibility: visible;
			position: fixed;
			height: 100vh;
			width: 100%;
			background: #fff;
			z-index: 90000
		}
		
		#loader.fadeOut {
			opacity: 0;
			visibility: hidden
		}
		
		.spinner {
			width: 40px;
			height: 40px;
			position: absolute;
			top: calc(50% - 20px);
			left: calc(50% - 20px);
			background-color: #333;
			border-radius: 100%;
			-webkit-animation: sk-scaleout 1s infinite ease-in-out;
			animation: sk-scaleout 1s infinite ease-in-out
		}
		
		@-webkit-keyframes sk-scaleout {
			0% {
				-webkit-transform: scale(0)
			}
			100% {
				-webkit-transform: scale(1);
				opacity: 0
			}
		}
		
		@keyframes sk-scaleout {
			0% {
				-webkit-transform: scale(0);
				transform: scale(0)
			}
			100% {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 0
			}
		}
	</style>
    
    <link href="/user/default/default.css" rel="stylesheet">
	<script th:inline="javascript"> var ctx = [[@{/}]] ; </script>
</head>

<body class="app">
     <div id="loader" >
			<div class="spinner"></div>
		</div>
		<script>
			window.addEventListener('load', () => {
				const loader = document.getElementById('loader');
				setTimeout(() => {
					loader.classList.add('fadeOut');
				}, 300);
			});
		</script>
			<div class="pos-a t-0 l-0 bgc-white w-100 h-100 d-f fxd-r fxw-w ai-c jc-c pos-r p-30">
			<div class="mR-60"><img alt="#" src="/user/assets/static/images/404.png"></div>
			<div class="d-f jc-c fxd-c">
				<h1 class="mB-30 fw-900 lh-1 c-red-500" style="font-size:60px">404</h1>
				<h3 class="mB-10 fsz-lg c-grey-900 tt-c">Oops Page Not Found</h3>
				<p class="mB-30 fsz-def c-grey-700">The page you are looking for does not exist or has been moved.</p>
				<div>
					<a href="/user/index" type="primary" class="btn btn-primary">Go to Home</a>
				</div>
			</div>
		</div>
	<script src="/user/js/vendor.js" ></script>
	<script src="/user/js/bundle.js" ></script>
	
</body>
</html>
